<template>
  <!-- <a-card title="其他" :bodyStyle="{paddingTop:'0px'}" size="small"> -->
    <a-list item-layout="vertical" >
      <a-list-item>
        <!-- <a-checkbox v-model="isAppointnextUser">
          指定下一步操作人（指定下一步会签人员）
        </a-checkbox> -->
        <a-checkbox v-model="iscc">
          是否抄送
        </a-checkbox>
      </a-list-item>
      <a-list-item v-if="isAppointnextUser" style="line-height: 32px;">
        <label>指定下一步操作人（指定下一步会签人员）：</label>
        <j-select-user-by-dep v-model="approvalData.nextUserName"  style="width:300px;display: inline-block;"></j-select-user-by-dep>
        <a-button type="primary" icon="reload" style="margin-left:20px;" @click="reset('nextUserName')">清空</a-button>
        <span>（如果不指定则按照系统默认）</span>
      </a-list-item>
      <a-list-item v-if="iscc" style="line-height: 32px;">
        <label>抄送给：</label>
        <j-select-multi-user v-model="approvalData.ccUserRealNames" @change="ccUserChange" style="width:500px;"></j-select-multi-user>
      </a-list-item>
    </a-list>
  <!-- </a-card> -->
</template>

<script>
import JSelectMultiUser from '@/components/jeecgbiz/JSelectMultiUser'
import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep'
export default {
  name: 'OtherCard',
  components: {
    JSelectMultiUser,
    JSelectUserByDep
  },
  props: {
    taskData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      HandlingOpinions: [
        '同意',
        '同意***意见',
        '请指示',
        '同意***阅示',
        '请处理',
        '不同意',
        '呈领导阅示',
        '请审批'
      ],
      approvalData: {
        ccUserIds: '', // 抄送人id
        ccUserRealNames: '' // 抄送人姓名
        // nextUserId: '', // 下一步操作人id
        // nextUserName: '', // 下一步操作人姓名
      },
      isAppointnextUser: false, // 是否指定下一步操作人
      iscc: false // 是否抄送
    }
  },
  methods: {
    optionChange(value, option) {
      this.approvalData['reason'] = value
    },
    ccUserChange(userIds) {
      this.approvalData.ccUserIds = userIds
    },
    nodeChange(value, option) {
      this.approvalData['nodeId'] = value
    }
  }
}
</script>
